import React, { useContext } from 'react'
import myContext from '../usecontext.js'
import { Table } from 'antd';




export default function Memory(props) {
  const seaver = useContext(myContext);
  // console.log(seaver.sysFiles[0].dirName);
  const { jvm, sys } = seaver
  const columns = [
    {
      title: '盘符路径',
      dataIndex: 'path',
      key: 'path',
    },
    {
      title: '文件系统',
      dataIndex: 'sys',
      key: 'value',
    },
    {
      title: '盘符类型',
      dataIndex: 'type',
      key: 'value',
    },
    {
      title: '总大小',
      dataIndex: 'total',
      key: 'value',
    },
    {
      title: '可用大小',
      dataIndex: 'free',
      key: 'value',
    },
    {
      title: '已用大小',
      dataIndex: 'used',
      key: 'value',
    },
    {
      title: '已用百分比',
      dataIndex: 'usage',
      key: 'value',
    }
  ]
  const data = [
    {
      key: '1',
      path: seaver.sysFiles[0].dirName,
      sys: seaver.sysFiles[0].sysTypeName,
      type: seaver.sysFiles[0].typeName,
      total: seaver.sysFiles[0].total,
      free: seaver.sysFiles[0].free,
      used: seaver.sysFiles[0].used,
      usage: seaver.sysFiles[0].usage + '%'
    },
    {
      key: '2',
      path: seaver.sysFiles[1].dirName,
      sys: seaver.sysFiles[1].sysTypeName,
      type: seaver.sysFiles[1].typeName,
      total: seaver.sysFiles[1].total,
      free: seaver.sysFiles[1].free,
      used: seaver.sysFiles[1].used,
      usage: seaver.sysFiles[1].usage + '%'
    },
  ]
  return (
    <Table bordered={true} pagination={false} columns={columns} dataSource={data} />
  )
}
